<%#
# To change this template, choose Tools | Templates
# and open the template in the editor.
%>

<div class="box2">
  <div class="tail-bottom">
    <div class="tail-top">
      <div class="tail-right">
        <div class="tail-left">
          <div class="corner-right-bottom">
            <div class="corner-left-bottom">
              <div class="corner-right-top">
                <div class="corner-left-top">
                  <div class="content-indent">
                    <div id="vmMainPage">
                      <div class="clear">
                        <div class="buttons_heading"></div>
                        <h3 class="categoryName">
                          <a href="#" title="Feed!">
                            <img src="<%= image_path("theme/feed-icon-14x14.png") %>" align="top" alt="feed" border="0"/></a>
                          <%= t:categorias%> > <%= @categoria.nomeCategoria %>
                        </h3>

                        <div style="text-align:center;">
                        </div>
                      </div>
                      <div class="orderby_form">
                        <form action="#" method="get" name="order">
                          <%= t:ordem %>
                          <select class="inputbox" name="orderby" onchange="order.submit()">
                            <option value="product_list" >Select</option>
                            <option value="product_name" selected="selected">Product Name</option>
                            <option value="product_price" >Price</option>
                            <option value="product_cdate" >Latest Products</option>
                          </select>

                          <script type="text/javascript">//<![CDATA[
                            document.write('&nbsp;<input type="hidden" name="DescOrderBy" value="ASC" /><a href="javascript: document.order.DescOrderBy.value=\'DESC\'; document.order.submit()"><img src="http://cms.template-help.com/virtuemart_30152/images/M_images/sort_asc.png" border="0" alt="Ascending order" title="Ascending order" width="12" height="12" /></a>');
                            //]]></script>
                          <noscript>
                            <select class="inputbox" name="DescOrderBy">
                              <option  value="DESC">Descending order</option>
                              <option selected="selected" value="ASC">Ascending order</option>
                            </select>
                            <input class="button" type="submit" value="Submit" />
                          </noscript>

                          <input type="hidden" name="Itemid" value="54" />
                          <input type="hidden" name="option" value="com_virtuemart" />
                          <input type="hidden" name="page" value="shop.browse" />
                          <input type="hidden" name="category_id" value="1" />
                          <input type="hidden" name="manufacturer_id" value="0" />
                          <input type="hidden" name="keyword" value="" />
                          <input type="hidden" name="keyword1" value="" />
                          <input type="hidden" name="keyword2" value="" />
                        </form></div>

                      <div id="product_list">
                        <% for produto in @prdCategoria %>
                          <div class=leftPosition style="width:100%;" id="row_4d528c051c581">
                            <div class="browse_1">
                              <div class="bottom_separator">
                                <div class="clear">
                                  <div class="browseProductImageContainer">
                                    <a href="#" target="_blank" title="<%= produto.nomeProduto %>">
                                      <img src="<%= image_path(produto.imagemProduto) %>" height="170" width="170" class="browseProductImage" title="" alt="" border="0" />
                                    </a>
                                  </div>
                                  <div class="floatElement">

                                    <h2 class="browseProductTitle">
                                      <%= link_to produto.nomeProduto, { :controller => 'eventos', :action => 'show', :id => produto.id }, :class => 'product_name' %>
                                    </h2>

                                    <div class="browseProductDescription">
                                      <%= produto.descricao[0..100] %>...
                                    </div>

                                    <div class="browsePriceContainer">
                                      <span class="product-Old-Price"><%= t:rs %><%= produto.precoAntigo %></span>
                                      <span class="productPrice"><%= t:rs %><%= produto.precoAtual %></span>
                                    </div>

                                    <div class="browseRatingContainer">
                                      <span class="contentpagetitle"><%= t:avaliacao %></span><br />
                                      <img src="<%= image_path("stars/3.gif") %>" class="stars" align="top" border="0" alt="0 stars" />&nbsp;
                                      <%= t:votos %> 0
                                    </div>

                                    <div class="browseAddToCartContainer">
                                      <a class="product_details" href="#" title="Product Details"> Product Details </a>
                                      <form action="http://cms.template-help.com/virtuemart_30152/index.php" method="post" name="addtocart" id="addtocart8.60364464692_1" class="addtocart_form" onsubmit="handleAddToCart( this.id );return false;">
                                        <input type="submit" class="addtocart_button" value="Add to Cart" title="Add to Cart" />
                                        <input type="hidden" name="category_id" value="1" />
                                        <input type="hidden" name="product_id" value="2" />
                                        <input type="hidden" name="prod_id[]" value="2" />
                                        <input type="hidden" name="page" value="shop.cart" />
                                        <input type="hidden" name="func" value="cartadd" />
                                        <input type="hidden" name="Itemid" value="54" />
                                        <input type="hidden" name="option" value="com_virtuemart" />
                                        <input type="hidden" name="set_price[]" value="" />
                                        <input type="hidden" name="adjust_price[]" value="" />
                                        <input type="hidden" name="master_product[]" value="" />
                                      </form>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div><br class="clr" />
                        <% end %>
                        <!-- NAVEGACAO -->
                        <div align="center" style="padding:0px 5px 10px 0px;">
                          <ul class="pagination">
                            <li><span class="pagenav">&laquo;&laquo; Start</span></li>
                            <li><span class="pagenav">&laquo; Prev</span></li>
                            <li><span class="pagenav"> 1 </span></li>
                            <li><a href="/virtuemart_30152/index.php?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limit=5&amp;limitstart=5" class="pagenav"><strong>2</strong></a></li>
                            <li><a href="/virtuemart_30152/index.php?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limit=5&amp;limitstart=5" class="pagenav" title="Next"> Next &raquo;</a></li>
                            <li><a href="/virtuemart_30152/index.php?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limit=5&amp;limitstart=5" class="pagenav" title="End"> End &raquo;&raquo;</a></li>
                          </ul>
                          <br/>
                          <form action="http://cms.template-help.com/virtuemart_30152/index.php?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse" method="post">
                            Display #&nbsp;&nbsp;
                            <select class="inputbox" name="limit" size="1"  onchange="location.href=this.value">
                              <option value="index4613.html?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limitstart=0&amp;limit=5" >5</option>
                              <option value="index114c.html?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limitstart=0&amp;limit=10" >10</option>
                              <option value="index7bca.html?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limitstart=0&amp;limit=15" >15</option>
                              <option value="/virtuemart_30152/index.php?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limitstart=0&amp;limit=20" selected="selected">20</option>
                              <option value="indexf208.html?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limitstart=0&amp;limit=25" >25</option>
                              <option value="index1d76.html?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limitstart=0&amp;limit=30" >30</option>
                              <option value="index29db.html?option=com_virtuemart&amp;Itemid=54&amp;category_id=1&amp;page=shop.browse&amp;limitstart=0&amp;limit=50" >50</option>
                            </select>
                            <input type="hidden" name="limitstart" value="0" />
                            <noscript><input class="button" type="submit" value="Submit" /></noscript>
                          </form>
                        </div>
                        <!-- FIM NAVEGACAO -->
                        <div id="statusBox" style="text-align:center;display:none;visibility:hidden;"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>